<!DOCTYPE html >
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/include.inc.jsp"%>


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>后台管理</title>

<link rel="shortcut icon" href="${path}/styles/images/style/2015_logo.gif">

<link href="${path}/styles/css/base/base.css" rel="stylesheet" type="text/css"/>

<!-- bootstrap - css -->
<link href="${path}/styles/b-jui/themes/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- core - css -->
<link href="${path}/styles/b-jui/themes/css/style.css" rel="stylesheet"/>
<link href="${path}/styles/b-jui/themes/default/core.css" id="bjui-link-theme" rel="stylesheet"/>
<!-- plug - css -->
<link href="${path}/styles/b-jui/plugins/kindeditor_4.1.10/themes/default/default.css" rel="stylesheet"/>
<link href="${path}/styles/b-jui/plugins/colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet"/>
<link href="${path}/styles/b-jui/plugins/niceValidator/jquery.validator.css" rel="stylesheet"/>
<link href="${path}/styles/b-jui/plugins/bootstrapSelect/bootstrap-select.css" rel="stylesheet"/>
<link href="${path}/styles/b-jui/themes/css/FA/css/font-awesome.min.css" rel="stylesheet"/>
<link href="${path}/styles/css/plugins/styles/zTreeStyle/zTreeStyle.css" rel="stylesheet"/>
<!--[if lte IE 7]>
<link href="${path}/styles/b-jui/themes/css/ie7.css" rel="stylesheet">
<![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lte IE 9]>
    <script src="${path}/styles/b-jui/other/html5shiv.min.js"></script>
    <script src="${path}/styles/b-jui/other/respond.min.js"></script>
<![endif]-->
<!-- jquery -->
<script src="${path}/styles/b-jui/js/jquery-1.7.2.min.js"></script>
<script src="${path}/styles/b-jui/js/jquery.cookie.js"></script>
<script src="${path}/styles/js/jquery.form.3.5.js"></script>
<!--[if lte IE 9]>
<script src="${path}/styles/b-jui/other/jquery.iframe-transport.js"></script>    
<![endif]-->
<!-- BJUI.all 分模块压缩版
<script src="${path}/styles/b-jui/js/bjui-all.js"></script>--> 
<!-- 以下是B-JUI的分模块未压缩版，建议开发调试阶段使用下面的版本--> 

<script src="${path}/styles/b-jui/js/bjui-core.js"></script>
<script src="${path}/styles/b-jui/js/bjui-regional.zh-CN.js"></script>
<script src="${path}/styles/b-jui/js/bjui-frag.js"></script>
<script src="${path}/styles/b-jui/js/bjui-extends.js"></script>
<script src="${path}/styles/b-jui/js/bjui-basedrag.js"></script>
<script src="${path}/styles/b-jui/js/bjui-slidebar.js"></script>
<script src="${path}/styles/b-jui/js/bjui-contextmenu.js"></script>
<script src="${path}/styles/b-jui/js/bjui-navtab.js"></script>
<script src="${path}/styles/b-jui/js/bjui-dialog.js"></script>
<script src="${path}/styles/b-jui/js/bjui-taskbar.js"></script>
<script src="${path}/styles/b-jui/js/bjui-ajax.js"></script>
<script src="${path}/styles/b-jui/js/bjui-alertmsg.js"></script>
<script src="${path}/styles/b-jui/js/bjui-pagination.js"></script>
<script src="${path}/styles/b-jui/js/bjui-util.date.js"></script>
<script src="${path}/styles/b-jui/js/bjui-datepicker.js"></script>
<script src="${path}/styles/b-jui/js/bjui-ajaxtab.js"></script>
<script src="${path}/styles/b-jui/js/bjui-tablefixed.js"></script>
<script src="${path}/styles/b-jui/js/bjui-tabledit.js"></script>
<script src="${path}/styles/b-jui/js/bjui-spinner.js"></script>
<script src="${path}/styles/b-jui/js/bjui-lookup.js"></script>
<script src="${path}/styles/b-jui/js/bjui-tags.js"></script>
<script src="${path}/styles/b-jui/js/bjui-upload.js"></script>
<script src="${path}/styles/b-jui/js/bjui-theme.js"></script>
<script src="${path}/styles/b-jui/js/bjui-initui.js"></script>
<script src="${path}/styles/b-jui/js/bjui-plugins.js"></script>

<!-- plugins -->
<!-- swfupload for uploadify && kindeditor -->
<script src="${path}/styles/b-jui/plugins/swfupload/swfupload.js"></script>
<!-- kindeditor -->
<script src="${path}/styles/b-jui/plugins/kindeditor_4.1.10/kindeditor.js"></script>
<script src="${path}/styles/b-jui/plugins/kindeditor_4.1.10/lang/zh_CN.js"></script>
<!-- colorpicker -->
<script src="${path}/styles/b-jui/plugins/colorpicker/js/bootstrap-colorpicker.min.js"></script>
<!-- ztree -->
<script src="${path}/styles/b-jui/plugins/ztree/jquery.ztree.all-3.5.js"></script>
<!-- nice validate -->
<script src="${path}/styles/b-jui/plugins/niceValidator/jquery.validator.js"></script>
<script src="${path}/styles/b-jui/plugins/niceValidator/jquery.validator.themes.js"></script>
<!-- bootstrap plugins -->
<script src="${path}/styles/b-jui/plugins/bootstrap.min.js"></script>
<script src="${path}/styles/b-jui/plugins/bootstrapSelect/bootstrap-select.min.js"></script>
<!-- icheck -->
<script src="${path}/styles/b-jui/plugins/icheck/icheck.min.js"></script>
<!-- dragsort -->
<script src="${path}/styles/b-jui/plugins/dragsort/jquery.dragsort-0.5.1.min.js"></script>
<!-- other plugins -->
<script src="${path}/styles/b-jui/plugins/other/jquery.autosize.js"></script>
<link href="${path}/styles/b-jui/plugins/uploadify/css/uploadify.css" rel="stylesheet" />
<script src="${path}/styles/b-jui/plugins/uploadify/scripts/jquery.uploadify.min.js"></script>

<!-- highcharts -->
<script src="${path}/styles/b-jui/plugins/highcharts-4.0.3/highcharts.js"></script>
<script src="${path}/styles/b-jui/plugins/highcharts-4.0.3/exporting.js"></script>

<%-- 自定义JS --%>
<script src="${path}/styles/b-jui/js/customer.js" type="text/javascript"></script>

<%-- 高德地图API --%>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=8417e7f3545d873ecc8fbdf972500338"></script>

<!-- init -->
<script type="text/javascript">
$(function() {
	//单击广告图片的时候
	$('.adv-photo-item').live('click',function(){
		var e = $(this);
		var btn = $(e).find('.photo-btn');
		if(e.is('.select')){
			$(e).removeClass('select');
			$(btn).addClass('hide');
		}else{
			$(e).addClass('select');
			$(btn).removeClass('hide');
		}
	});
	
    BJUI.init({
        /* loginInfo   : {url:'${path}/login/timeout', title:'登录', width:500, height:300}, // 弹出登录对话框 */
        statusCode  : {ok:200, error:300, timeout:301}, //[可选]
        ajaxTimeout : 50000, //[可选]全局Ajax请求超时时间(毫秒)
        pageInfo    : {pageCurrent:'pageCurrent', pageSize:'pageSize', orderField:'orderField', orderDirection:'orderDirection'}, //[可选]
        keys        : {statusCode:'statusCode', message:'message'}, //[可选]
        ui          : {showSlidebar:true, hideMode:'display'}, //[可选]hideMode:navtab组件切换的隐藏方式，支持的值有’display’，’offsets’负数偏移位置的值，默认值为’display’
        debug       : true,    // [可选]调试模式 [true|false，默认false]
        theme       : 'blue' // 若有Cookie['bjui_theme'],优先选择Cookie['bjui_theme']。皮肤[五种皮肤:default, orange, purple, blue, green]
    });   
});

//console.log('IE:'+ (!$.support.leadingWhitespace))
//菜单-事件
function MainMenuClick(event, treeId, treeNode) {
    if (treeNode.isParent) {
        var zTree = $.fn.zTree.getZTreeObj(treeId)
        
        zTree.expandNode(treeNode)
        return
    }
    
    if (treeNode.target && treeNode.target == 'dialog')
        $(event.target).dialog({id:treeNode.tabid, url:treeNode.url, title:treeNode.name})
    else
        $(event.target).navtab({id:treeNode.tabid, url:treeNode.url, title:treeNode.name, fresh:treeNode.fresh})
        
    event.preventDefault()
}

</script>  
</head>

<body >
    <!--[if lte IE 7]>
        <div id="errorie"><div>您还在使用老掉牙的IE，正常使用系统前请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>&nbsp;&nbsp;强烈建议您更改换浏览器：<a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div></div>
    <![endif]-->
    <header class="navbar navbar-default" id="bjui-header">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bjui-navbar-collapse">
                <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
            </button>
        </div>
        <nav class="collapse navbar-collapse" id="bjui-navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">欢迎你，${login_user.username} <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu" style="width: 125px;">
                        <li><a href="${path }/jsp/admin/updatePassword.jsp" data-toggle="dialog" data-id="changepwd_page" data-mask="true" data-width="500" data-height="300">&nbsp;<span class="glyphicon glyphicon-lock"></span> 修改密码&nbsp;</a></li>
                        <li class="divider"></li>
                        <li><a href="${path}/exit" class="red">&nbsp;<span class="glyphicon glyphicon-off"></span> 注销登陆</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
    </header>

    <div class="bjui-leftside" id="bjui-leftside">
        <div id="bjui-sidebar-s">
            <div class="collapse">
                <div class="toggleCollapse"><div title="展开菜单"><i class="fa fa-angle-double-right"></i></div></div>
            </div>
        </div>
        <div id="bjui-sidebar">
            <div class="toggleCollapse"><h2>主菜单</h2><div title="收缩菜单"><i style="font-size: 15px" class="fa fa-angle-double-left"></i></div></div>
            <div class="panel-group panel-main" data-toggle="accordion" id="bjui-accordionmenu" data-heightbox="#bjui-sidebar" data-offsety="26">
               
                 <c:forEach items="${functions}" var="level1" varStatus="top"> 
							<c:set var="flag" scope="page" value="${flag+1}"/> 
                   			<div style="margin-top: 0px;border-top-color: #ffffff" class="panel panel-default">
		                        <div class="panel-heading panelContent">
		                            <h4 class="panel-title">
		                            	<a class="active" href="#bjui-collapse${top.index}" data-parent="#bjui-accordionmenu" data-toggle="collapse">
				                            <label style="width: 10px">
				                            	<c:if test="${top.index == 0}">
				                            		<i style="font-size: 15px" class="fa fa-angle-down"></i>
				                            	</c:if>
				                            	<c:if test="${top.index != 0}">
				                            		<i style="font-size: 15px" class="fa fa-angle-right"></i>
				                            	</c:if>
				                            </label>
				                            &nbsp;${level1.sf.name}
				                        </a>
		                            </h4>
		                        </div>
		                        <div class="panel-collapse panelContent collapse  <c:if test="${flag == 1}">in</c:if>" id="bjui-collapse${top.index}">
		                            <div class="panel-body" >
		                                <ul  class="ztree ztree_main" id="bjui-tree${top.index}" data-toggle="ztree" data-on-click="MainMenuClick" data-expand-all="true">
				                        	<c:forEach items="${level1.sfs}" var="level2" varStatus="level2Count">
			                                 	<li data-id="${level2.id}" data-pid="${level.id}" data-icon="${path }/styles/images/privilege/user.png" data-toggle="navtab" data-url="${path }${level2.url}" data-tabid="${level2.url}">${level2.name}</li>
											</c:forEach>
		                                </ul>
		                            </div>
		                        </div>
		                        <div class="panelFooter"><div class="panelFooterContent"></div></div>
                   		    </div>
					</c:forEach>
                
            </div>
        </div>
    </div>
    <div id="bjui-container">
        <div id="bjui-navtab" class="tabsPage">
            <div class="tabsPageHeader">
                <div class="tabsPageHeaderContent">
                    <ul class="navtab-tab nav nav-tabs">
                        <li data-tabid="main" class="main active"><a href="javascript:;"><span><i class="fa fa-home"></i>我的主页</span></a></li>
                    </ul>
                </div>
                <div class="tabsLeft"><i class="fa fa-angle-double-left"></i></div>
                <div class="tabsRight"><i class="fa fa-angle-double-right"></i></div>
                <div class="tabsMore"><i class="fa fa-angle-double-down"></i></div>
            </div>
            <ul class="tabsMoreList">
                <li><a href="javascript:;">我的主页</a></li>
            </ul>
            <div class="navtab-panel tabsPageContent layoutBox">
                <div class="page unitBox">
                    <div class="bjui-pageHeader" style="background:#FFF;">
                        <div style="padding: 0 5px; border-bottom: 0px #DDD solid;">
                            <h4>欢迎使用&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </h4>
                            <div class="row">
                                <div class="col-md-6">
                                    <h5><a href="#" data-id="" data-toggle="navtab"  id="deactivationNumber"></a></h5>
                                </div>
                                <div class="col-md-6">
                                    <h5><a href="#" data-id="" data-toggle="navtab"  id="futureNumber"></a></h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="bjui-pageFormContent" data-layout-h="0" style="overflow-Y:scroll;">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer id="bjui-footer">
      		深圳微桥网络技术有限公司
    </footer>
</body>
</html>